﻿#user-mgr {
  height: 100%; }

#um-searchbox {
  float: right;
  margin: 0; }
  #um-searchbox > input {
    width: 20rem;
    height: 3rem;
    line-height: 3rem; }
  #um-searchbox > .input-after {
    height: 3rem;
    line-height: 3rem;
    padding: 0 1rem; }

#user-list {
  margin-top: 2rem;
  height: 60%;
  min-height: 40rem;
  overflow: auto; }
  #user-list > li > .lv-info.Pending {
    color: #d86666; }
  #user-list > li > .lv-info.Completed {
    color: #65ce7e; }
  #user-list > li > .lv-info.Aborted {
    color: #c51e32; }
  #user-list > li img {
    width: 4rem;
    height: 4rem;
    margin: 1rem 0;
    border-radius: 2rem;
    border: 2px solid white; }

.lv-empty > span {
  display: inline-block;
  height: 96px;
  width: 96px;
  background-image: url(/UI/imgs/icon-tags.png);
  background-repeat: no-repeat;
  background-position: -444px -115px; }

#user-view {
  width: 40rem;
  padding: 1rem; }

.v-userview {
  width: 100%; }
  .v-userview > .row {
    margin-bottom: 1rem; }
    .v-userview > .row > h4 {
      color: #3caed4; }

.vu-certifyinfo {
  padding: 1rem;
  height: auto;
  min-height: 14rem; }
  .vu-certifyinfo.noapply {
    color: #d86666;
    text-align: center;
    font-size: 2rem;
    line-height: 14rem;
    border: 1px solid #cccccc;
    background-color: #f0f0f0; }
  .vu-certifyinfo.Pending {
    border: 1px solid #f19033;
    background-color: #fbdec2; }
  .vu-certifyinfo.Aborted {
    border: 1px solid #d86666;
    background-color: #f7e0e0; }
    .vu-certifyinfo.Aborted > h4 {
      color: #d86666; }
  .vu-certifyinfo.Completed {
    border: 1px solid #3caed4;
    background-color: #b9e2f0; }

#vu-approve-bgn {
  position: absolute;
  top: 2rem;
  right: 2rem; }

#vu-approve-editor {
  margin-bottom: 1rem;
  width: 50rem; }
  #vu-approve-editor .Txt-Item {
    margin: 2rem 0; }

#vu-approve-idpic {
  text-align: right; }
  #vu-approve-idpic > img {
    width: 100%; }

.vu-approve-slct {
  display: inline-block;
  width: 14rem;
  height: 6rem;
  padding: .5rem;
  line-height: 2.5rem;
  border: 2px solid;
  cursor: pointer; }
  .vu-approve-slct > i {
    position: absolute;
    bottom: 0;
    right: 0;
    color: white;
    z-index: -1; }
  .vu-approve-slct.pass.slcted {
    border-color: #3caed4;
    background-color: transparent;
    color: #3caed4; }
    .vu-approve-slct.pass.slcted:after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 0px;
      height: 0px;
      border-right: 1rem solid #3caed4;
      border-bottom: 1rem solid #3caed4;
      border-left: 1rem solid transparent;
      border-top: 1rem solid transparent; }
  .vu-approve-slct.pass > i {
    z-index: 2; }
  .vu-approve-slct.reject.slcted {
    border-color: #d86666;
    background-color: transparent;
    color: #d86666; }
    .vu-approve-slct.reject.slcted:after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 0px;
      height: 0px;
      border-right: 1rem solid #d86666;
      border-bottom: 1rem solid #d86666;
      border-left: 1rem solid transparent;
      border-top: 1rem solid transparent; }
  .vu-approve-slct.reject > i {
    z-index: 2; }

#vu-approve-reason {
  width: 100%;
  height: 8rem;
  margin: 10px 0; }

#vu-approve-ok {
  font-size: 6rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
  color: #65ce7e; }

.vu-pos {
  padding: 0 10px; }
  .vu-pos > .vu-pos-card {
    margin: 5px 0;
    display: table;
    width: 100%; }
    .vu-pos > .vu-pos-card > .vu-pos-card-left {
      display: table-cell;
      vertical-align: middle;
      width: 45%;
      height: 14rem;
      background-color: #41566f;
      text-align: center; }
      .vu-pos > .vu-pos-card > .vu-pos-card-left > img {
        width: 50%; }
    .vu-pos > .vu-pos-card > .vu-pos-card-right {
      float: left;
      height: 14rem;
      padding-right: 5px; }
      .vu-pos > .vu-pos-card > .vu-pos-card-right i {
        margin-left: -1rem;
        background: white;
        border-radius: 50%;
        padding: 5px;
        border: 1px solid #2e3d4f;
        box-shadow: 0 2px 5px 0; }
